<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>京东首页</title>
	<style>
		body {
			margin: 0;
			padding: 0;
		}
		.clear:after {display: block;clear: both;visibility: hidden;content: "0";}
		.clear: {zoom: 1;}
		a { text-decoration: none; }
		a:link { color: #999999;}
		a:visited { color: #999999; }
		a:hovered { color: #C6101D; }
		a:active { color: #C6101D; }
		li { list-style: none;}
		/*我是分割线*/
		.top_bg {
			height: 30px;
			background-color: #e3e4e5;
		}
		.top{
			width: 1190px;
			height: 30px;
			margin: 0 auto;
			
		}
		.top_l {
			height: 30px;
			width: 258px;
			float:left;
			border: 1px solid red;
		}
		.top_l span {
			margin-left: 180px;
			line-height: 28px;
		}
		.top_r {
			height: 30px;
			width: 703px;
			float: right;
			border: 1px solid red;
		}
		.top_r ul li {
			line-height: 0;
			float: left;
			margin-left: 30px;
			font-size: 12px;
		}
		.header_bg {
			height: 140px;
			background-color: #F6F6F6;
			border: 1px solid red;
		}
		.header_bg .header {
			height: 140px;
			width: 1190px;
			margin: 0 auto;
			border:1px solid red;
		}
		.header a {
			position: absolute;
			left:42px;
			top:0px;
			z-index: 2;
			background-image: url(./image/logo.png);
			background-repeat: no-repeat;
			display: block;
			width: 300px;
			height: 170px;
			text-indent: -999px;

		}
		#search {
			width:1190px;
			height: 60px;
			border:1px solid red;
			position: absolute;
		}
		#search #form {
			position: absolute;
			left: 320px;
			top: 25px;
			width: 550px;
			height: 35px;
		}
		#search #form input {
			padding: 4px;
			width: 490px;
			height: 25px;
			border: 1px solid #f10215;
			line-height: 25px;
			font-size: 14px;

		}
	</style>
</head>
<body>
	<div class="top_bg">
		<div class="top">
			<div class="top_l">
				<span>北京</span>
			</div>
			<div class="top_r">
				<ul>
					<li>
						<a href="">你好，请登录</a>
						<a href="">免费注册</a>
					</li>
					<li><a href="">我的订单</a></li>
					<li><a href="">我的京东</a></li>
					<li><a href="">京东会员</a></li>
					<li><a href="">企业采购</a></li>
					<li><a href="">客户服务</a></li>
					<li><a href="">网站导航</a></li>
					<li><a href="">手机京东</a></li>
				</ul>
			</div>
		</div>
	<div>
	<div class="header_bg">
		<div class="header">
			 <a href="#">你好，我是京东</a> 
			<div id="search">
				<div id="form">
					<form action=""><input type="text" /></form>
				</div>
			</div>
		</div>

		
	</div>
	<div class="main"></div>
	<div class="footer"></div>
	
</body>
</html>